

<template>

<el-row>
   
    <el-col :span="24">
        <vue-threejs-view v-on:listerThree="xx" />
        <!-- <vue-threejs-view :loadData='loaddata2'/> -->
        <!-- <vue-threejs-view :loadData='loaddata2'/> -->
    </el-col>

</el-row>

</template>

<script>

var dataModel = function(name, pathBase, fileObj, fileMtl, pathTexture, fileZip, pos, scale,rotate) {
    this.name = name;
    this.pathBase = pathBase;
    this.fileObj = fileObj;
    this.fileMtl = fileMtl;
    this.pathTexture = pathTexture;
    this.fileZip = fileZip;
    this.pos = pos;
    this.scale = !Boolean(scale) ? 5.0 : scale;
    this.pivot = null;
    this.rotate=rotate?rotate:{x:0,y:0,z:0,angle:0};
};
let _app;
var load = [];
var load2 = [];
load.push( new dataModel( '车站', '/models/', 'Tesla_Model_3.obj', 'Tesla_Model_3.mtl', '/Tesla_Model_3_2018_obj/', 'Tesla_Model_3_2018_obj.zip', { x: 0, y: 0, z: 0 },null,{x:1,y:0,z:0,angle:-90} ) );

export default {
    head() {
            return {
                title: `dashboard Page (${this.name}-side)`
            }
        },
        data() {
            return {

            };
        },
        methods: {
            xx(app) {
              window._app=app;
              app.interfaceLoadObjOrZip(load,()=>{
                console.log('加载完成回调');
              })

            },
           
        }
};

</script>
